<!doctype html>
<html lang="es">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no">
    <link href="assets/css/desktop.css" rel="stylesheet" media="all and (min-width: 600px)">
    <title>文件夹</title>
</head>

<body>
    <section class="main">
        <div id="finder" class="container">
            <div class="header">
                <div class="navbar">
                    <div class="arrows">
                        <img class="iconArrow" src="assets/svg/left-arrow.svg" alt="left arrow">
                        <img class="iconArrow" src="assets/svg/right-arrow.svg" alt="right arrow">
                    </div>
                    <div class="navbarPanel">
	                    <div class="navbarPanelLeft">
	                        <img class="iconPanelLeft active" src="assets/svg/panel_1.svg" alt="cuadricula">
	                        <img class="iconPanelLeft" src="assets/svg/panel_2.svg" alt="line">
	                        <img class="iconPanelLeft" src="assets/svg/panel_3.svg" alt="view">
	                        <img class="iconPanelLeft final" src="assets/svg/panel_4.svg" alt="3d">
	                    </div>
	                    <div class="navbarPanelRight">
	                        <img class="iconPanelRight" src="assets/svg/panel_5.svg" alt="list">
	                        <img class="iconPanelRight" src="assets/svg/panel_6.svg" alt="options">
	                        <img class="iconPanelRight" src="assets/svg/panel_7.svg" alt="upload">
	                        <img class="iconPanelRight" src="assets/svg/panel_8.svg" alt="tag">
	                    </div>
                    </div>
                    <div class="navbarSearch">
                    	<img src="assets/svg/lupa.svg" alt="lupa" class="iconSearch">
                    	<input type="text" name="name" class="navbarSearchText" placeholder="Search">
                    </div>
                </div>
            </div>
            <div class="sidebar">
            	<div class="sidebarSection">
            		<p class="sidebarTitle">文件夹</p>
            		<!--div class="sidebarGroup"><img src="assets/svg/app-store.svg" alt="applications" class="sidebarIcons">项目<p class="sidebarName"></p></div-->
            		<div class="sidebarGroup"><img src="assets/svg/home.svg" alt="user" class="sidebarIcons">文件夹<p class="sidebarName"></p></div>
            		<div class="sidebarGroup"><img src="assets/svg/folder.svg" alt="folder cloud" class="sidebarIcons">最近使用<p class="sidebarName"></p></div>
            		<!--div class="sidebarGroup"><img src="assets/img/desktop.png" alt="desktop" class="sidebarIcons">桌面<p class="sidebarName"></p></div>
            		<div class="sidebarGroup"><img src="assets/svg/download.svg" alt="folder donwload" class="sidebarIcons">下载<p class="sidebarName"></p></div-->
					<div class="sidebarGroup">
            			<img src="assets/svg/laptop.svg" alt="device" class="sidebarIcons"><p class="sidebarName">回收站</p>
            		</div>
            	</div>
            	<div class="sidebarSection">
            		<p class="sidebarTitle">共享</p>
            		<div class="sidebarGroup">
            		<img src="assets/svg/network.svg" alt="network icon" class="sidebarIcons"><p class="sidebarName">All...</p>
            		</div>
            	</div>
            </div>
            <div class="space">
            	<div class="spaceIcon">
            		<img src="assets/svg/folder-blue.svg" alt="folder blue" class="spaceIcons">
            		<p class="spaceTitle">wordpress</p>
            	</div>
            	<div class="spaceIcon">
            		<img src="assets/svg/file.svg" alt="document applications" class="spaceIcons">
            		<p class="spaceTitle">index.php</p>
            	</div>
            </div>
        </div>
    </section>
</body>


</html>